<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-store">
<meta http-equiv="Cache-control" content="no-store">
<meta http-equiv="Cache" content="no-store">

<title>加载中...</title>

<script type="text/javascript">
	let time = new Date().getTime();
	//引入jquery
	document.write('<script src="../plug-in/jquery/jquery-3.5.1.min.js?time=' + time + '" type="text/javascript" ><'+'/script>');
	//登录js
	document.write('<script src="../js/login/login.js?time=' + time + '" type="module"><'+'/script>');
	//引入滑块js
	document.write('<script src="../plug-in/huakuaiyanzheng/js/drag.js?time=' + time + '" type="text/javascript" ><'+'/script>');

	//引入图标字体css
	document.write('<link rel="stylesheet" href="../plug-in/font-awesome-4.7.0/css/font-awesome.min.css?time=' + time + '">');
	//引入layui css， layui是一款前端UI框架，详情https://www.layui.com/
	document.write('<link rel="stylesheet" href="../plug-in/layui-v2.5.7/css/layui.css?time=' + time + '">');
	//引入滑块css
	document.write('<link rel="stylesheet" href="../plug-in/huakuaiyanzheng/css/drag.css?time=' + time + '">');
	//登录页面css
	document.write('<link rel="stylesheet" href="../css/login/login.css?time=' + time + '">');
</script>
</head>
<body>
	<div class="login-container">
		<div style="width: 100%; height: 1px;"></div>
		<div class="login-box">
			<div class="login-box-left-fixed">
				<div class="login-box-left-fixed-bg"></div>
				<div class="login-box-left-fixed-overlay">
					<img src="../images/sunshine.png" style="margin-top: -50px; margin-left: -60px; width: 300px; height: 300px;">
				</div>
			</div>
			<div class="login-box-left">
				<div style="width: 100%; height: 100px;"></div>
				<div style="width: 100%; text-align: center;">
					<span id="sys-name" style="color: #fff; font-size: 24px; letter-spacing: 2px; font-weight: 700;">--</span>
				</div>
				<div style="width: 100%; height: 30px;"></div>
				<div style="width: 100%; text-align: center;">
					<span id="sys-version" style="color: #fff; font-size: 14px;">--</span>
				</div>
			</div>
			<div class="login-box-right">
				<div style="width: 100%; height: 30px;"></div>
				<div style="width: 400px; margin: auto; height: 40px; line-height: 40px; vertical-align: middle;">
					<i class="fa fa-coffee" style="font-size: 24px; color: rgba(2, 121, 181, 1)"></i>
					<span style="color: #000; font-size: 20px; padding-left: 10px;">系统登录</span>
				</div>
				<div style="width: 100%; height: 10px;"></div>
				<div style="width: 400px; height: 1px; margin: auto; background: #eee;"></div>
				<div style="width: 100%; height: 30px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative;">
					<input type="text" id="q-username" style="height: 40px;" placeholder="登录账号" autocomplete="off" class="layui-input">
					<div style="position: absolute; right: 10px; top: 50%; margin-top: -10px; color: #555;">
						<i class="fa fa-user-circle login-fa-user-circle" style="font-size: 20px; color: inherit;"></i>
					</div>
				</div>
				<div style="width: 100%; height: 15px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative;">
					<input type="password" id="q-password" style="height: 40px;" placeholder="登录密码" autoComplete="new-password" autocomplete="off" class="layui-input">
					<div style="position: absolute; right: 10px; top: 50%; margin-top: -12px; color: #555;">
						<i class="fa fa-lock" style="font-size: 24px; color: inherit;"></i>
					</div>
				</div>

				<div style="width: 100%; height: 15px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative;">
					<div id="drag-validate-bar"></div>
				</div>

				<div style="width: 100%; height: 15px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative;" class="layui-form" lay-filter="remember-me-form">
					<input type="checkbox" name="rememberMe" title="记住账号和密码">
				</div>

				<div style="width: 100%; height: 30px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative; height: 40px;">
					<div id="login-btn" class="hi-btn hi-bg-bule-btn hi-transition" style="width: 350px; padding: 0px; text-align: center; margin: 0px; height: 40px; line-height: 40px; vertical-align: middle; font-size: 16px; font-weight: 700; background: rgb(51, 103, 214);" onclick="login()">立即登录</div>
				</div>

				<div style="width: 100%; height: 20px;"></div>
				<div style="width: 400px; height: 1px; margin: auto; background: #eee;"></div>
				<div style="width: 100%; height: 20px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative; text-align: center;">
					<span style="color: #000;">如果你还没有账号或忘记密码，请联系管理员</span>
				</div>
				<div style="width: 100%; height: 10px;"></div>
				<div style="width: 350px; margin-left: 50px; position: relative; text-align: center;">
					<span style="color: #000;">联系方式：66666666@qq.com</span>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		//layui前端框架js，非模块的情况下，放到最后加载，加载完毕会自动初始化相关input、select等
		document.write('<script type="text/javascript" src="../plug-in/layui-v2.5.7/layui.all.js?time=' + time + '"><'+'/script>');
	</script>
</body>
</html>